﻿ @charset "utf-8"; html{min-width:1200px}
 .red{color:red!important}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;line-height:0}
.clearfix{*zoom:1}
.clear{clear:both}
.hidden{display:none}
.required{color:red;font-weight:700}
.form_text_verifycode{width:80px}
.form_radio{width:auto;border:0}
.form_checkbox{width:auto;border:0}
.w1200{width:1200px;margin:0 auto}
.por{position:relative}
.poa{position:absolute}
.icon{background:url(/images/icon.png) no-repeat;display:inline-block;vertical-align:middle}
#header_main,#top_main,#banner_main,#floor_1_main,#links_main,#footer_main{width:100%;margin:0}
.trans{-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
.header_main{width:100%;z-index:100;position:relative;height:95px;background:url(/images/top_bg.jpg) no-repeat center top #1d1e22;transition:all .3s ease-in;top:0}
.header_main .logo{display:block;padding-top:8px}
.header_main .logo img{max-width:100%;display:block;vertical-align:middle}
.topright{position:relative;padding-top:34px;width:835px}
.fixt{position:fixed}
 .nav{padding-right:40px}
#nav .navlist{position:relative;display:block}
#nav li{float:left;display:inline-block;list-style:none;font-size:16px;text-align:center;position:relative;height:61px}
#nav li a{display:block;text-align:center;position:relative;color:#eee;height:28px;line-height:28px;padding:0 18px;border:1px solid #25262b;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px}
#nav li.hover a,#nav li:hover a{color:#3fb150;border:1px solid #3fb150}
.top .toprig .item h4{display:block;font-size:30px}
#nav ul .subnav{position:absolute;filter:progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity:0;visibility:hidden;transition:all .6s ease 0s;transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0)}
#nav ul li:hover .subnav{opacity:1;visibility:visible;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
#nav ul .subnav{background:#fff;border-top:2px solid #63b670;box-shadow:0 13px 42px 11px rgba(0,0,0,.05);height:auto;left:0;overflow:hidden;position:absolute;top:100%;width:100%;z-index:199}
#nav ul .subnav a{color:#666;display:block;font-size:13px;font-weight:500;height:40px;line-height:40px;padding:0;transition:all .2s ease-in-out 0s;max-width:100%;border:0;border-bottom:1px solid #eee;border-radius:initial}
#nav ul .subnav a:hover{color:#63b670;background:#f9f9f9;text-indent:3px}
#banner_main{overflow:hidden;position:relative;z-index:2}
#banner_main .banner{height:650px}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0}
#banner,.banner ul{max-height:650px;overflow:hidden}
.banner li{width:100%;position:absolute;z-index:1;overflow:hidden}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0}
#banner .tip{width:1000px;height:20px;line-height:0;font-size:0;text-align:center;position:absolute;left:50%;margin-left:-500px;bottom:20px;z-index:3}
#banner .tip span{height:5px;margin:0 2px;width:50px;display:inline-block;font-size:0;cursor:pointer;background:#fff;opacity:.6;filter:Alpha(opacity=60);*zoom:1}
#banner .tip span.cur{background-color:#3fb150;opacity:1;filter:Alpha(opacity=100)}
#banner #btn_prev,#banner #btn_next{width:40px;height:90px;position:absolute;top:50%;z-index:5;margin-top:-45px;-webkit-transition:all 0s ease-in-out 0s;-moz-transition:all 0s ease-in-out 0s;transition:all 0s ease-in-out 0s}
#banner #btn_prev{background-position:0 0;left:5%}
#banner #btn_next{background-position:-50px 0;right:5%}
#banner #btn_prev:hover{background-position:0 -98px}
#banner #btn_next:hover{background-position:-50px -98px}
.transs{-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);-moz-transition:all .4s cubic-bezier(.4,0,.2,1);-o-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1)}
.index .title{text-align:center;width:100%;padding-bottom:30px}
.index .title h3{font-size:30px;font-weight:400;display:block;line-height:30px;background:url(/images/title.png) no-repeat center}
.index .title p{color:#999;font-size:20px;text-transform:uppercase;font-family:avantgardeitvbybt book,arial;padding-top:14px}
.index .title h3 b{display:inline-block}
.imenu{text-align:center}
.imenu a{font-size:16px;display:inline-block;padding:0 24px;text-align:center;border-left:1px solid #3fb150;height:20px;line-height:20px}
.imenu a:first-child{border-left:0}
.imenu a:hover{color:#3fb150}
.index .floor_1_main{padding-top:80px;padding-bottom:80px}
.ipro{position:relative;overflow:hidden;padding:30px 0}
.ipro .list{width:108%}
.ipro .item{float:left;width:386px;display:block;height:385px;overflow:hidden;margin-bottom:20px;margin-right:20px;position:relative}
.ipro .item a{display:block;position:relative;width:100%;height:385px}
.ipro .item img{transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;width:385px;height:385px;display:block}
.ipro .item:hover img{transform:scale(1.06,1.06)}
.ipro .item h3{position:absolute;left:0;bottom:0;width:100%;text-indent:30px;font-weight:400;font-size:16px;height:65px;line-height:65px;background:url(/images/black60.png) repeat;color:#fff}
.ipro .item em{position:absolute;right:0;bottom:20px;z-index:2;width:32px;height:26px;background-position:-190px 0;display:block;margin-right:30px;vertical-align:middle}
.ipro .item:hover h3{background:url(/images/ipro_t.png) repeat-x left top}
.index .floor_2_main{background:url(/images/iyoushi.jpg) no-repeat center top;height:800px;overflow:hidden}
.index .floor_2,.index .floor_3{padding:80px 0;position:relative}
.index .floor_2 .title{color:#fff}
.iyoushi{background:url(/images/bieshu.png) no-repeat 460px center;height:536px;overflow:hidden}
.iyoushi .item{width:375px;height:128px;background:url(/images/yousitem.png) no-repeat left top;float:left;margin-top:40px}
.iyoushi .item a{display:block;padding:40px}
.iyoushi .item .img{width:50px;height:50px;overflow:hidden;position:relative;margin-left:10px}
.iyoushi .item .img img{position:absolute;left:0;top:0;width:50px;display:block}
.iyoushi .item .txt{width:140px;padding-left:60px;color:#fff}
.iyoushi .item .txt h3{font-size:20px;font-weight:700;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.iyoushi .item .txt p{font-family:arial;color:#ccc;padding-top:0}
.iyoushi .it1,.iyoushi .it5{margin-left:62px;margin-right:60px}
.iyoushi .it2,.iyoushi .it6{margin-right:65px;float:right}
.iyoushi .it4{float:right}
.iyoushi .item:hover{background:url(/images/yousitem_a.png) no-repeat left top}
.iyoushi .item:hover .txt h3{color:#3fb150}
.iyoushi .item:hover .img img{top:-50px}
.xunpan{width:100%;background:url(/images/xunpan.jpg) no-repeat center top;height:200px;color:#fff}
.xunpan .zixun{width:300px;padding-top:40px;text-align:center}
.xunpan .zixun a{-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;height:50px;display:block;line-height:50px;color:#fff;background:#3fb145;font-size:20px}
.xunpan .zixun:hover a{background:#43be4a}
.xunpan .tel{border:1px solid #85878d;height:50px;line-height:50px;color:#fff;font-size:26px;text-align:center;font-family:avantgardeitvbybt book,arial;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;margin-bottom:20px}
.xunpan .tel em{width:25px;height:25px;display:inline-block;background-position:-100px 0;margin-right:10px}
.xunpan strong{display:inline-block;color:#fff;font-weight:700;font-size:28px;padding-right:10px;font-style:italic}
.xunpan p{font-size:20px}
.xunpan .bigtxt{font-size:40px;padding-bottom:20px;padding-top:54px}
.floor_3_main{overflow:hidden}
.liuc{position:relative;overflow:hidden;padding:40px 0}
.liuc .list{width:108%}
.liuc li{float:left;width:206px}
.liuc li .Piece{width:168px;height:188px;background:#f5f5f5;border:1px solid #ddd;float:left;font-size:20px;text-align:center;-webkit-transition:all .3s ease;transition:all .3s ease;box-shadow:0 0 0 #fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.liuc li .jtou{width:36px;height:188px;background:url(/images/jtou.png) no-repeat center;float:left;display:block}
.liuc li img{max-width:100px;max-height:80px;display:block;margin:0 auto}
.liuc li p{text-align:center;padding-top:40px;height:88px}
.liuc li:last-child .jtou{display:none}
.liuc li:hover .Piece{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.floor_4_main{background:#f5f5f5;overflow:hidden;width:100%}
.index .floor_4{padding:80px 0;position:relative}
.textlist{}
.textlist .list{width:100%;padding-bottom:30px!important}
.textlist .item{float:left;width:375px;height:471px;margin-right:37px;transition:all .2s linear 0s;margin-bottom:30px;box-shadow:0 2px 5px rgba(0,0,0,.1);background:#fff}
.textlist .item a{display:block;padding:0;color:#333}
.textlist .item .img{width:375px;height:281px;overflow:hidden;cursor:pointer;position:relative}
.textlist .item .img img{width:100%;height:100%;transition:all .3s ease-out 0s;display:block}
.textlist .item:hover .img img{transform:scale(1.1,1.1)}
.textlist .item .txt{padding:30px 40px 0}
.textlist .item h3{font-size:18px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.textlist .desc{line-height:24px;height:52px;overflow:hidden;margin-bottom:10px;cursor:pointer;padding-top:10px}
.textlist span{display:block;color:#666;font-family:arial;padding-top:10px;border-top:1px solid #ddd}
.textlist .item:hover{-webkit-box-shadow:0 15px 15px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.textlist .item:hover h3{color:#3fb150}
.floor_4 .btn{width:40px;height:40px;display:block;position:absolute;top:50%;cursor:pointer}
.floor_4 .btn.prev{background-position:-100px -50px;left:-5%}
.floor_4 .btn.next{background-position:-190px -50px;right:-5%}
.floor_4 .btn.prev:hover{background-position:-145px -50px}
.floor_4 .btn.next:hover{background-position:-236px -50px}
.indnews{padding:80px 0;overflow:hidden;position:relative}
.index .more{width:180px;height:36px;line-height:36px;text-align:center;color:#fff;display:block;margin:40px auto 0;background:#444;transition:all .2s linear 0s}
.index .more:hover{background:#3fb150;color:#fff;text-indent:10px}
.ipatent_main{width:100%;background:url(/images/patent.jpg) no-repeat center top;height:460px;overflow:hidden}
.ipatent_main .floor{overflow:hidden;padding:100px 0}
.ipatent_main .title{color:#fff}
.ipatent_main .title h3{background:url(/images/title1.png) no-repeat center}
.ipatent{padding-top:40px}
.ipatent .item{width:580px;height:140px;background:url(/images/pat_bk.png) no-repeat left top;float:left;margin-left:37px}
.ipatent .item:first-child{margin-left:0}
.ipatent .item a{display:block;padding:30px}
.ipatent .item .img{width:64px;height:60px;overflow:hidden;position:relative;margin-right:40px;margin-left:22px;margin-top:10px}
.ipatent .item .img img{position:absolute;left:0;top:0;width:100%;display:block}
.ipatent .item .txt{width:350px;color:#fff;padding-left:20px}
.ipatent .item .txt h3{font-size:20px;font-weight:700}
.ipatent .item .txt p{font-family:arial;color:#ccc;padding-top:0}
.newsBox{width:380px;height:410px;overflow:hidden;position:relative}
.newsBox .bd{border:1px solid #ddd}
.newsBox .hd{height:28px;overflow:hidden;position:absolute;bottom:1px;z-index:10;padding-left:20px;text-align:center}
.newsBox .hd ul{overflow:hidden;zoom:1}
.newsBox .hd ul li{margin-right:6px;width:10px;height:10px;line-height:14px;text-align:center;background:#999;cursor:pointer;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;display:inline-block}
.newsBox .hd ul li.on{background:#00ae66;color:#fff}
.picBox .bd{height:100%;z-index:0}
.newsBox .bd li{zoom:1;vertical-align:middle;position:relative;height:408px;overflow:hidden}
.newsBox .bd img{width:380px;height:285px;display:block;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.newsBox .bd li h3{display:block;font-size:18px;color:#000;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.newsBox .bd li .txt{z-index:5;padding:15px 20px;border-top:0;height:93px}
.newsBox .bd li p{padding:0;color:#666;line-height:24px;height:45px;overflow:hidden}
.newsBox .bd li .time{font-size:16px;padding-right:30px;padding-top:28px}
.newsBox .bd li a:hover h3{color:#3fb150}
.newsBox .bd li a:hover img{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.index .txtlistbox{width:800px}
.txtlistbox .item{border:1px solid #ddd;margin-bottom:16px;transition:all .2s linear 0s;+margin-bottom:18px}
.txtlistbox .item a{display:block;padding:28px}
.txtlistbox .item h3{font-size:18px;vertical-align:top}
.txtlistbox .item p{font-size:14px;line-height:20px;height:40px;color:#666}
.txtlistbox .item .time{display:block;width:90px;height:66px;border-right:1px solid #ddd;line-height:20px;margin-right:30px;color:#666;vertical-align:middle;*zoom:1}
.txtlistbox .item .time b{color:#666;display:block;font-size:48px;line-height:48px}
.txtlistbox .item:hover{border:1px solid #3fb150;-webkit-box-shadow:0 15px 15px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.iabout{width:100%;background:url(/images/fl6.jpg) no-repeat center bottom #f8f8f8;padding:80px 0}
.iabout .txt{width:470px;height:240px;display:block;background:#fff;padding:40px}
.iabout .txt img{max-width:100%;display:block}
.iabout .txt p{padding-top:20px;color:#333}
.iabout .txt span{width:154px;height:34px;line-height:34px;text-align:center;display:block;border:1px solid #1a7140;margin-top:20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;cursor:pointer}
.iabout .txt:hover span{background:#1a7140;color:#fff}
.iabout .img{width:650px;height:320px;display:block;overflow:hidden}
.iabout .img img{width:100%;display:block}
.footer_main{width:100%;background:#191919;color:#fff}
.footer_main .footer{padding-bottom:40px}
.footer_main .footer .links{padding:30px 0;margin-bottom:40px;font-size:16px;border-bottom:1px solid #353535}
.footer_main .footer .links span{color:#fff;display:inline-block}
.footer_main .footer .links a{display:inline-block;font-size:14px;color:#999;padding-right:10px}
.footer_main .footer .links a:hover{color:#3fb150}
.footer_main .qcode{width:540px}
.footer_main .qcode .ewm{width:130px;height:130px;display:block;border:5px solid #666}
.footer_main .btel{width:300px;line-height:28px}
.footer_main .btel img{display:block;margin:0 auto 8px;max-width:100%;max-height:60%}
.footer_main .btel .p1{color:#fff}
.footer_main .btel .p2{font-family:graydesign regular,"arial, helvetica, sans-serif";font-size:34px;color:#3fb150;line-height:34px;padding-bottom:5px}
.footer_main .btel .p3{color:#999;line-height:22px}
.footer_main .botnavlist{}
.footer_main .botnavlist li{float:left;width:100px;padding:0 0 0 48px;display:block;list-style:none;font-size:16px;line-height:32px;text-align:left;border-right:1px solid #353535;overflow:hidden}
.footer_main .botnavlist li:first-child{padding-left:0}
.footer_main .botnavlist li a{color:#fff;display:block;line-height:32px;font-size:16px}
.footer_main .botnavlist li a:hover{color:#3fb150}
.footer_main .botnavlist li .drop{padding-top:10px}
.footer_main .botnavlist li .drop a{display:block;line-height:26px;color:#999;width:100%;font-size:12px}
.footer_main .botnavlist li .drop a:hover{color:#3fb150}
.copymain{border-top:1px solid #353535;line-height:60px;color:#999;font-size:12px}
.copymain a{color:#999}
.copymain a:hover{color:#3fb150}
.footer_main .yyzz{padding:0 8px}
.toolbar{width:130px;position:fixed;right:0;top:460px;z-index:999}
.toolbar dd{width:130px;height:55px;margin-bottom:0;position:relative}
.toolbar dd a{color:#fff;width:130px;height:55px;display:block;cursor:pointer;text-align:center;background:url(/images/rightfixicon.png) no-repeat -36px 0;line-height:45px;-webkit-transition:all 0s ease-in-out 0s;-moz-transition:all 0s ease-in-out 0s;transition:all 0s ease-in-out 0s}
.toolbar dd a span{width:24px;height:24px;display:inline-block;background:url(/images/rightfixicon.png) no-repeat 0 0;vertical-align:middle;margin-right:5px}
.toolbar dd a:hover{background-position:-168px 0}
.toolbar .pop{position:absolute;right:90px;top:-45px;background:#3fb150;display:none}
.toolbar .pop-code{width:100px;padding:15px 15px 0}
.toolbar .pop-code img{width:100px;height:100px;display:block}
.toolbar .pop-code h3{height:40px;line-height:40px;text-align:center;color:#fff;font-size:12px;font-weight:400;white-space:nowrap}
.toolbar .zxzx span{background-position:0 4px}
.toolbar .lf span{background-position:0 -33px}
.toolbar .bj span{background-position:0 -65px}
.toolbar .code span{background-position:0 -33px}
.toolbar .top{width:130px;height:45px;background:#3fb150}
.toolbar .top span{background-position:0 -127px}
.toolbar .top:hover{background:#2c9638}
.toolbar .side_tel{position:absolute;right:0;top:0;background:#3fb150;height:45px;line-height:45px;color:#fff;width:0;text-align:center}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@font-face{font-family:ADELE;src:url(../font/ADELE.eot);src:url(/skin/fonts/adele.eot) format("eot"),url(/skin/fonts/adele.ttf) format("truetype")}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
